world-ranking-card{
  width: 100%;

  padding: 0;
  .ion-card-title{
    text-align: left;
    font-size:16px;
    font-family: PingFangSC-Medium; 
    color: #404040;
    display: flex;
    margin: 1rem;
}

.southern-Grid-Rank{
  .image{
    margin-right: 3rem;
    margin-left: 1rem;
    margin-top: 5px;
    margin-bottom: auto;
}

.row-style
{
    display: flex;
    align-items: center;
    padding: 0%;
    margin: 0%;
}
// 排名 100
  .rank-number{
      color: white;
      font-family: HiraginoSans-W6;
      font-size: 30px;
      display:flex;
      margin-right: 3px;
      margin-left: 2rem;
      text-align: center;
      padding: 0%;
      margin-bottom: 0%;
  }
  // 名
  .name{
    color: white;
    font-family: PingFangSC-Medium;
    font-size: 16px;
    margin-right: 1rem;
    display:flex;
    align-items:center;
    padding: 0%;
    margin-bottom: 0%;
  }
  .rank-position{
    color: white;
    font-family: PingFangSC-Regular-W6;
    font-size: 16px;
    display:flex;
    align-items:center;
    padding: 0%;
    margin-bottom: 0%;
}
.rank-name{
    color: white;
    font-family: PingFangSC-Medium;
    font-size: 18px;
    display:flex;
    align-items:center;
    margin-left: 2rem;
}
.triangle{
    width: 0;
    height: 0;
    display:flex;
    align-items:center;
    margin-top: auto;
    margin-bottom: auto;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-bottom: 8px solid #FDB95C;
}
    
}
//渐变背景
.grad {
    background-image: url(./../assets/imgs/bg-radar.png);
    background-size:cover; 
  }

.listitem{
        .grid-style{
            padding: 0% ;
            margin: 0% ;
          }
          .ion-row-style{
            padding: 0% ;
            margin: 0% ;
          }
          .col-style{
            padding: 0% ;
            display: flex;
            flex-flow: row;
            margin: 0% ;
            align-items: center;
          }
         
        .selected{
            background-color: #404040;
        }
        .rank-number{
          color: #666666;
          font-family: PingFangSC-Regular;
          font-size: 14px;
        }
        .rank-name{
            color: #333333;
            font-family:PingFangSC-Regular;
            font-size: 14px;
          }
        .rank-position{
            color: #666666;
            font-family: PingFangSC-Regular;
            font-size: 13px;
          }
        
        .triangle-up{
            width: 0;
            height: 0;
            display:flex;
            align-items:center;
            margin-top: 10%;
            margin-bottom: 10%;
            border-left: 4px solid transparent;
            border-right: 4px solid transparent;
            border-bottom: 8px solid #00AC62;
        }
        .triangle-down{
          width: 0;
          height: 0;
          display:flex;
          align-items:center;
          margin-top: 10%;
          margin-bottom: 10%;
          border-left: 4px solid transparent;
          border-right: 4px solid transparent;
          border-top: 8px solid #FF571D;
      }
    }
}

